<template>
	<view class="base-mine">
		用户协议
		<view class="bases">
		</view>
	</view>
</template>

<script setup>
	import {
		getMineCall
	} from '@/api/User.js'
	import {
		ref,
		reactive
	} from 'vue'
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app'

	onShow(() => {
		getList()
	})
	const getList = () => {
		getMineCall('服务协议').then(res => {
			let bases = document.querySelector('.bases')
			if (res.code == 200) {
				res.rows?.forEach(item => {
					let content = document.createElement('view')
					content.innerHTML = item.content
					bases.appendChild(content)
				})
			}
		})
	}
</script>

<style lang="less" scoped>
	.base-mine {
		padding: 20rpx 28rpx;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		overflow-y: auto;
		background: #fff;

		.mine {
			text-indent: 1em;
			color: #000000;
			font-family: "PingFang SC";
			font-size: 28rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 40rpx;
			opacity: 0.5;
		}
	}
</style>